@charset "utf-8";
:root {
  --height: 40px;
  --themeBg: #3bc0c3;
}
html,
body {
  /* overflow: hidden; */
  font-size: 15px;
  background: #fff;
}
header {
  position: fixed;
  left: 0;
  right: 0;
  height: var(--height);
  line-height: var(--height);
  background: var(--themeBg);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);

  border: none;
  z-index: 10;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font:800 16px/var(--height) '方正细珊瑚简体';
  /* font-family: "方正细珊瑚简体"; */
}
header .iconfont {
  position: absolute;
  right: 20px;
  font-size: 22px;
}
#layui-tab {
  position: fixed;
  top: var(--height);
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  margin: 0;
  /* overflow: scroll; */
}
#layui-tab .layui-tab-title {
  border-bottom-width: 0;
}
.layui-tab-title .layui-this {
  background: var(--themeBg);
  color: #fff;
}
.layui-tab-title .layui-this .layui-tab-close {
  color: #fff;
}
.layui-tab-title li:first-child .layui-tab-close {
  display: none;
}
.son-partlib-info {
  position: fixed;
  top: 90px;
  display: flex;
  z-index: 9;
  font-size: 12px;
}
.son-partlib-info li {
  padding: 12px 8px;
  background: rgb(220, 20, 60);
  color: #fff;
  margin-left: 10px;
  border-radius: 5px;
}
.son-partlib-info li:nth-child(2) {
  background: rgb(34, 139, 34);
}
.tab-content{
  /* position:fixed;
  top:50px;
  bottom:0;
  left:0;
  right:0;
  overflow: hidden; */
}
#app-canvas {
  width: 100%;
  height: 100%;
  overflow: auto;
}
#app-canvas::-webkit-scrollbar {
  display: none !important;
  /* width: 0px; */
  /* height: 0px; */
}
#application {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}
#application .panel.easyui-fluid {
  height: 100%;
}
.app-body {
  border: none;
  /*background: url("img/common/_decration_bg_platform.png") no-repeat center center;*/
  /*background-size:100% 100%;*/
  /*overflow: hidden;*/
  /*padding-bottom:10px;*/
}


/* 属性面板样式 */
.layui-form .layui-table-header,
    .layui-form thead tr{
      background-color: var(--themeBg); color:#fff
    }



.app-header {
  height: 0px;
  background-color: #042b2e;
  background: -webkit-linear-gradient(top, #042b2e 0, #042b2e 100%);
  background: -moz-linear-gradient(top, #042b2e 0, #042b2e 100%);
  background: -o-linear-gradient(top, #042b2e 0, #042b2e 100%);
  background: linear-gradient(top, #042b2e 0, #042b2e 100%);
  border: none;
  padding: 0;
}

#app-header {
  /* width: 100% !important; */
}
/* #app-center {
  height: calc(100% - 50px) !important;
}

.panel.layout-panel.layout-panel-center {
  width: 100% !important;
  top: 50px !important;
  bottom: 0 !important;
  /* margin-top: 50px; */
/* height: calc(100% - 50px); */
/* } */
.app-header .panel-title {
  color: #ffffff;
  line-height: 0px;
  font-size: 18px;
  vertical-align: center;
}

.app-footer {
  display: none;
  /*height: 80px;*/
  background: url('img/common/_decration_bg_footer.png') no-repeat;
  background-size: 100% 100%;
}

.app-running-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9000;
  background: url(img/common/compute.gif) no-repeat center bottom 15px;
  /*background-color: #000;*/
}
.layout {
  overflow: auto;
}
.layout-panel {
  overflow: auto;
}
.panel-noscroll,
.tabs-container,
.panel {
  overflow: auto;
}
